<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{common/top :: head}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="../css/mystore.css">
</head>
<body>

<div id="Catalog">
    <form th:action="@{/account/newAccount}" th:object="${account}" method="post">
        <h3>User Information</h3>

        <table>
            <tr>
                <td>User ID:</td>
                <td>
                    <input type="text" th:field="*{userid}">
                </td>
            </tr>
            <tr>
                <td>New password:</td>
                <td>
                    <input type="password" th:field="*{password}">
                </td>
            </tr>
            <tr>
                <td>Repeat password:</td>
                <td>
                    <input type="password" name="repeatedPassword">
                </td>
            </tr>
        </table>

        <div th:replace="~{account/IncludeAccountFields :: accountFields}"></div>

        <button type="submit" name="newAccount" class="btn">Save Account Information</button>
    </form>
</div>

<div th:replace="~{common/bottom :: footer}"></div>

</body>
</html> 